﻿<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style>
  .iframe__google {
    position: relative;
    top: 6px;
    display: inline-block;
    width: 70%;
  }

  .box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .logo {
    text-decoration: none;
    display: inline-block;
  }

  .logo img {
    width: 148px;
  }
</style>
<script>
  function gowhere1(formname) {
    var a = getArgs();
    var url;
    if (a == "0") {
      url = "http://www.google.com/search";
      document.form1.tn.value = "google";
      formname.method = "get";
    }

    if (a == "1") {
      document.form1.tn.value = "googleiamge";
      document.form1.ct.value = "201326592";
      document.form1.cl.value = "2";
      document.form1.lm.value = "-1";
      url = "http://image.baidu.com/i";
    }
    formname.action = url;
    return true;
  }
</script>

<form style="height: 100%;margin: 0;" onsubmit="return gowhere1(this)" id="form1" name="form1" target="_blank">
  <table background-color="#FFFFFF" style="border:none; width: 100%;">
    <tr>
      <td class="box">
        <a href="http://www.google.com/intl/zh-CN/" target="_blank" class="logo">
          <img src="image/google_logo.gif" border="0" alt="Google" align="middle" />
        </a>
        <div class="iframe__google">
          <input type="text" name="q" id="sea" size="31" maxlength="255" autocomplete="off" value=""
            style="padding-left: 10px; outline: none; height: 34px; width: 80%; font-size: 14px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #b2c9d3; border-right: 0;" />
          <input type="hidden" name="hl" value="zh-CN" />
          <input type="submit" name="btnG" value=""
            style="position:absolute;height: 34px; width: 34px; border: 0; background: #c1ddaf url(image/search.png) 50% 50%/ 21px no-repeat; border-top-right-radius: 5px; border-bottom-right-radius: 5px;" />
        </div>
      </td>
    </tr>
  </table>

  <input name="myvalue" type="hidden" value="1" />
  <input name="tn" type="hidden" />
  <input name="ct" type="hidden" />
  <input name="lm" type="hidden" />
  <input name="cl" type="hidden" />
  <input name="rn" type="hidden" />
</form>
<script>
  function getArgs() {
    var passedArgs = new Array();
    var search = self.location.href;
    search = search.split("?");
    if (search.length > 1) {
      var argList = search[1];
      argList = argList.split("&");
      for (var i = 0; i < argList.length; i++) {
        var newArg = argList[i];
        newArg = argList[i].split("=");
        passedArgs[unescape(newArg[0])] = unescape(newArg[1]);
      }
    }
    return unescape(newArg[1]);
  }
  var Content = window.parent.document.getElementById("Content").value;
  document.getElementById("sea").value = Content;
  window.addEventListener("load", function () {
    if (screen.width <= 750) {
      document.querySelector(".logo").style.width = '100%'
      document.querySelector(".logo img").style.height = "46px"
      document.querySelector(".logo").style.textAlign = 'center'
      document.querySelector(".iframe__google").style.width = '100%'
      document.querySelector(".iframe__google").style.textAlign = 'center'
    } else {
      document.querySelector(".logo").style.marginRight = '17px'
    }
  })
</script>